<template>
  <div>
    <div style="box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    width:90vn" ref="gsBox">
      <div class="codetext" style="font-size:25px;margin:10px;">安装</div>
      <pre class="code">
        <span class="codetitle">
          将vspUi-1.0.0.tgz放到项目目录,npm install vspUi-1.0.0.tgz
          样式文件在dist/css/index.css

          import vspUi from 'vspUi'
          Vue.use(vspUi)
        </span>
        <!-- <gs-code title="gs-button" text="按钮" attr='size="small" type="success" light circle'></gs-code>
        <gs-code title="gs-button" attr='size="small" type="success" circle'><gs-code title="i" attr='class="iconfont iconclear"'></gs-code></gs-code> -->
      <!-- dark,primary, success, warning, danger, info,round,while -->
      </pre>
    </div>
    <div style="box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    width:90vn" ref="gsBox">
      <div class="codetext" style="font-size:25px;margin:10px;">风格</div>
      <div class="styletitle">
        <div class="styletext">info</div><div class="styleinfo"></div>
      </div>
      <div class="styletitle">
        <div class="styletext">primary</div><div class="styleprimary"></div>
      </div>
      <div class="styletitle">
        <div class="styletext">success</div><div class="stylesuccess"></div>
      </div>
      <div class="styletitle">
        <div class="styletext">warning</div><div class="stylewarning"></div>
      </div>
      <div class="styletitle">
        <div class="styletext">danger</div><div class="styledanger"></div>
      </div>
      <div class="styletitle">
        <div class="styletext">round</div><div class="styleround"></div>
      </div>
      <div class="styletitle">
        <div class="styletext">dark</div><div class="styledark"></div>
      </div>
      <div class="styletitle">
        <div class="styletext">while</div><div class="stylewhile"></div>
      </div>
      
    </div>
  </div>
</template>
<script>
import gsCode from "./code";
export default {
  name: 'vButton',
  components: {
    gsCode,
  },
  methods:{
    click(){
      this.$emit("click",arguments)
    },
  },
}
</script>
